<template>
  <div class="box">
    <div class="header">
      <van-swipe :autoplay="3000" show-indicators indicator-color="white" :loop="true">
        <van-swipe-item v-for="(item,index) in 3" :key="index">
          <img
            src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1568865065105&di=c5ed7c78a7a02ddf1d7890bc4a9ecaef&imgtype=0&src=http%3A%2F%2Fimg.sccnn.com%2Fbimg%2F337%2F31452.jpg"
            alt
          />
        </van-swipe-item>
      </van-swipe>
    </div>
    <div>22222</div>
  </div>
</template>

<script>
import { Swipe, SwipeItem } from "vant";

export default {
  components: {
    [Swipe.name]: Swipe,
    [SwipeItem.name]: SwipeItem
  },
  props: {},
  data() {
    return {
      baner: []
    };
  },
  methods: {},
  computed: {},
  watch: {},
  created() {},
  mounted() {}
};
</script>

<style scoped lang="scss">
.box {
}
.header {
  width: 100%;
  height: 208px;
  overflow: hidden;
  img {
    max-width: 375px;
  }
}
</style>
